<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/static/css/css.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <script src="/static/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/slider.js"></script>
    <script src="/static/js/common_js.js" type="text/javascript"></script>
    <script src="/static/js/jquery.foucs.js" type="text/javascript"></script>
    <link rel="stylesheet" href="/static/css/font-awesome-ie7.min.css">
    <title>产品列表页</title>
</head>
{% extends 'index.html' %}
<body>
{% block content %}
    <!--顶部样式-->

    <!---->
    <!--位置-->
    <div class="Bread_crumbs">
        <div class="Inside_pages clearfix">
            {% if is_vegetable %}
                <div class="left">当前位置：<a href="#">首页</a>&gt;<a href="#">蔬菜馆</a></div>
            {% else %}
                <div class="left">当前位置：<a href="#">首页</a>&gt;<a href="#">水果馆</a></div>
            {% endif %}

            <div class="right Search">
                <form>
                    <input name="" type="text" class="Search_Box"/>
                    <input name="" type="button" name="" class="Search_btn"/>
                </form>
            </div>
        </div>
    </div>
    <!--产品列表-->
    <div class="Inside_pages clearfix">
        <div class="margintop">
            <DIV class="left_style">
                {% if is_vegetable %}
                    <div class="title_img_p"><img src="/static/images/p_vegetables_img.png"/></div>
                {% else %}
                    <img src="/static/images/fruit_all.jpg"/>
                {% endif %}

            </DIV>
            <DIV class="right_style">
                <ul class="list_style">
                    {% for fruit in product %}
                        <li class="clearfix">
                            <div class="product_lists clearfix">
                                <a href="/product_detail/{{ fruit.id }}"><img
                                        src="/static/product_img/{{ fruit.product_avatar }}"
                                        style="width: 225px;height: 315px"/></a>
                                <p class="title_p_name">{{ fruit.product_name }}</p>
                                <p class="title_Profile">{{ fruit.introduce }}</p>
                                <p class="price"><b>￥</b>{{ fruit.price }}</p>
                                <p class="btn_style"><a href="/product_detail/{{ fruit.id }}" class="buy_btn"></a>
                                </p>
                            </div>
                        </li>
                    {% endfor %}


                </ul>
            </DIV>
        </div>
    </div>
    <!--底部样式-->
{% endblock content %}

</body>
</html>
